<?php 
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <link type="text/css" href="<?php echo base_url() . "css/estadisticas.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <title></title>
        <script src="<?php echo base_url() . "js/raphael.js"; ?>" type="text/javascript" charset="utf-8"></script>
        <script src="<?php echo base_url() . "js/g.raphael.js"; ?>" type="text/javascript" charset="utf-8"></script>
        <script src="<?php echo base_url() . "js/g.line-min.js"; ?>" type="text/javascript" charset="utf-8"></script>
        <script src="<?php echo base_url() . "js/g.bar.js"; ?>" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#fecIni").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFin").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#dpto").change(function(){
                    url = "<?php echo site_url("registro/ciudad/"); ?>/" + $(this).val();
                    $("#divCiudades").load(url);
                }); //fin $("#dpto").change(function(){
<?php $this->load->view('enReady'); ?>
                    }); //fin $(document).ready(function(){
                    function fnAbreDetalle(opc){
                        window.open("<?php echo site_url("registrarInst/abreDetalle/") . "/"; ?>" + opc, "Detalle", "width=1300,height=500,scrollbars=YES");
                    }
        </script>
    </head>
    <body>
        <div id="divEstadistica" ></div>
        <div id="divEstadistica1" >
        <table >
            <caption>ESTADISTICAS POR CIUDAD DE OFERTAS LABORALES Y POSTULACIONES</caption>
            <?php if ($this->session->userdata("rolId") == "1") { ?>
                <tr>                
                    <td><label for="institucion">Instituciones</label></td>
                    <td colspan="4"><select id="institucion" name="institucion" title="Filtre por una institución en especifico">
                            <option value="">Todas</option>
                            <?php
                            foreach ($instituciones->result() as $row)
                                echo "<option value='{$row->institucionId}'>{$row->institucionRazon}</option>";
                            ?>
                        </select>
                    </td>
                </tr>
            <?php } ?>                
            <tr>
                <td><label for="fecIni">Fecha Inicial de las ofertas</label></td>
                <td><input type="text" id="fecIni" name="fecIni" size="9" title="Fecha Inicial de la consulta" /> </td>
                <td><label for="fecFin">Fecha Final de las ofertas</label></td>
                <td><input type="text" id="fecFin" name="fecFin" size="9" title="Fecha Final de la consulta" /> </td>
            </tr>
        </table>
        <table>
            <tr>
                <td><label for="dpto">Departamento</label></td>
                <td>
                    <select id="dpto" name="dpto" title="Elija el departamento donde se encuentra">
                        <option value="">Todos</option>
                        <?php
                        foreach ($dep->result() as $row)
                            echo "<option value='" . $row->dptCod . "' >" . $row->departamento . "</option>";
                        ?>
                    </select>
                </td>
                <td><label for="ciudad">Ciudad</label></td>
                <td><div id="divCiudades"></div> </td>
            </tr>
            <tr>
                <td colspan="4" style="text-align: center">
                    <input type="button" value="Consultar" onclick="$('#holder').html('');$('#divEstadistica').load('<?php echo site_url("registrarInst/llamaEstBarras/ciudad"); ?>',{fecIni:$('#fecIni').val(),fecFin:$('#fecFin').val(),dpto:$('#dpto').val(),ciudad:$('#ciudad').val(),instituicon:$('#institucion').val()},function(){$('#ifrContenido', top.document).css('height',(document.body.scrollHeight + 90) + 'px');});"/>
                </td>
            </tr>
        </table>
        <table>
            <tr>
                <td style="background-color: #1751A7;width: 30px"></td>
                <td>Postulaciones realizadas</td>
            </tr>
            <tr>
                <td style="background-color: #8AA717;width: 30px"></td>
                <td>Postulaciones contratadas</td>
            </tr>
        </table>
            </div>
        <div id="holder"></div>
    </body>
</html>
